import 'package:flutter/material.dart';

class AppTheme {
  static const Color theme = Color(0xff0075FF);

  static const Color gray = Color(0xffDCDBE0);
  static const Color graySub = Color(0xff838690);
  static const Color grayThird = Color(0xff888888);
  static const Color grayFour = Color(0xfffafafa);
  static const Color grayFive = Color(0xffA8AAB1);
  static const Color graySix = Color(0xffE5E5E5);
  static const Color graySeven = Color(0xff7F7F7F);
  static const Color grayEight = Color(0xff8A8D97);
  static const Color grayNine = Color(0xffcfcfcf);
  static const Color grayEleven = Color(0xffC4C8D3);
  static const Color grayF5 = Color(0xffF5F5F5);

  static const Color input = Color(0xff8B8D97);

  static const Color blue = Color(0xff044CA1);
  static const Color blueSub = Color(0xff416FF8);
  static const Color blueThird = Color(0xff034BA0);
  static const Color blueFour = Color(0xff0B69FF);
  static const Color line = Color(0xff3D87FF);

  static const Color blockBlue = Color(0xff53B8FF);
  static const Color blockPurple = Color(0xffFF3BA5);

  static const Color title = Color(0xff1E253A);
  static const Color titleSub = Color(0xff243465);

  static const Color chartOrange = Color(0xffFFA13A);
  static const Color chartBlue = Color(0xff3E7FFF);
  static const Color chartRed = Color(0xffFF3C3C);

  static const Color red = Color(0xffF9554B);
  static const Color redSub = Color(0xffFF5757);
  static const Color green = Color(0xff34C98E);
  static const Color purple = Color(0xff7C3EFF);
  static const Color orange = Color(0xffFF8A00);

  static ThemeData data(ThemeMode mode) {
    return ThemeData(
      colorScheme: const ColorScheme(
        brightness: Brightness.light,
        primary: theme,
        onPrimary: theme,
        secondary: theme,
        onSecondary: theme,
        error: red,
        onError: red,
        background: grayFour,
        onBackground: theme,
        surface: theme,
        onSurface: theme,
      ),
      scaffoldBackgroundColor: grayFour,
      primaryColor: Colors.red,
      textTheme: const TextTheme(
        /// head
        headlineLarge: TextStyle(
          color: Colors.black,
          fontWeight: FontWeight.w500,
        ),
        headlineMedium: TextStyle(
          color: Colors.black,
          fontWeight: FontWeight.w500,
        ),
        headlineSmall: TextStyle(
          color: Colors.black,
          fontWeight: FontWeight.w400,
        ),

        /// title
        titleLarge: TextStyle(
          fontSize: 32,
          color: Colors.black,
          fontWeight: FontWeight.bold,
        ),
        titleMedium: TextStyle(
          fontSize: 30,
          color: Colors.black,
          fontWeight: FontWeight.w500,
        ),
        titleSmall: TextStyle(
          fontSize: 18,
          color: Colors.black,
          fontWeight: FontWeight.w400,
        ),

        ///
        displayLarge: TextStyle(
          fontSize: 24,
          color: Colors.black,
          fontWeight: FontWeight.bold,
        ),
        displayMedium: TextStyle(
          fontSize: 20,
          color: Colors.black,
          fontWeight: FontWeight.w500,
        ),
        displaySmall: TextStyle(
          fontSize: 16,
          color: Colors.black,
          fontWeight: FontWeight.w400,
        ),

        /// body
        bodyLarge: TextStyle(
          fontSize: 14,
          color: Colors.black,
          fontWeight: FontWeight.bold,
        ),
        bodyMedium: TextStyle(
          fontSize: 12,
          color: Colors.black,
          fontWeight: FontWeight.w500,
        ),
        bodySmall: TextStyle(
          fontSize: 10,
          color: Colors.black,
          fontWeight: FontWeight.w400,
        ),

        /// label
        labelLarge: TextStyle(),
        labelMedium: TextStyle(
          fontSize: 9,
          color: Colors.black,
          fontWeight: FontWeight.w500,
        ),
        labelSmall: TextStyle(
          fontSize: 8,
          color: Colors.black,
          fontWeight: FontWeight.w400,
        ),
      ),
    );
  }
}
